<template>
	<view class="main">
		<view class="itop">
			<view class="price">
			{{info.turnover}}
			</view>
			<view class="title">
				{{info.title}}
			</view>
		</view>
		<view class="ilist">
			<view class="item" v-if="info.bill_type_id==3">
				<view class="l">
					藏品
				</view>
				<view class="r">
					{{info.goods_title}}
				</view>
			</view>
			<view class="withdraws-border" v-if="info.bill_type_id==3"> </view>
			<view class="item">
				<view class="l">
					类型
				</view>
				<view class="r">
					{{info.bill_type_pid==1?'收入':'支出'}}
				</view>
			</view>
			<view class="withdraws-border"> </view>
			<view class="item">
				<view class="l">
					时间
				</view>
				<view class="r">
			{{info.create_time}}
				</view>
			</view>
			<view class="withdraws-border"> </view>
			<view class="item">
				<view class="l">
					余额
				</view>
				<view class="r">
					￥{{info.money_proof}}
				</view>
			</view>
			<view class="withdraws-border"> </view>
			<view class="item">
				<view class="l">
					订单号
				</view>
				<view class="r">
				{{info.order_num}}
				</view>
			</view>
			<!-- <view class="withdraws-border"> </view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:''
			}
		},
		onShow(){
			this.info=uni.getStorageSync('sinfo')
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.withdraws-border{
	   width: calc(100vw - 60rpx);
	   height: 1px;
	   margin: auto;
	   background: #ECEFF1;
	   // margin-top: 40rpx;
	 
	}
.main{
	.itop{
		margin-top: 40rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-bottom: 100rpx;
		// min-height: 290rpx;
		.title{
			
			font-size: 28rpx;
			font-weight: 600;
			color: #999999;
			// line-height: 40rpx;
		}
		.price{
			font-size: 60rpx;
			font-weight: bold;
			color: #000;
			margin-top: 36rpx;
			line-height: 70rpx;
		}
	}
	.ilist{
		// border-top: 1rpx solid #f8f8f8;
		.item{
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 36rpx 32rpx;
			
			// border-bottom: 1rpx solid #f8f8f8;
			.l{
				font-size: 28rpx;
				font-weight: 600;
				color: #131415;
				line-height: 34rpx;
			}
			.r{
				font-size: 24rpx;
				font-weight: bold;
				color: #999;
				line-height: 28rpx;
			}
		}
	}
	
}

</style>
